<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>科印传媒</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    
    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />
    

    <!--当前页面的css-->
    <link href="../../../template/css/college.css" rel="stylesheet">
    <link href="../../../template/css/association.css" rel="stylesheet">
    
   <!-- 引入核心JS -->
   <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/swiper-3.3.1.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
</head>
<body>
    <div style="height: 31px;width: 100%;"></div>
    <div class="college">
        <ul class="collTitle clearfix assTitle">
            <li class="ml0 active"><a href="javascript:;" >最近一月</a></li>
            <li><a href="###">最近两月</a></li>
            <li><a href="###">所有时间</a></li>
        </ul>
        <ul class="coll-main asso-main">
            <li class="clearfix">
                <a href="../../../template/media.html">
                    <div class="coll-main-li">
                    <div class="coll-left">
                       <a href="mediaKeyinDetails.html"> <img src="../../../images/story.jpg" /></a>
                    </div>
                    <div class="coll-right">
                        <a href="mediaKeyinDetails.html"><p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p></a>
                        <div class="coll-right-bot">
                            <!-- <div class="coll-source">新闻</div> -->
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
                </a>
                
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="clearfix">
                <div class="coll-main-li">
                    <div class="coll-left">
                        <img src="../../../images/story.jpg" />
                    </div>
                    <div class="coll-right">
                        <p>
                            大幅面打印机采购需求激增 2018或成打印机行业采购市场万磁王
                        </p>
                        <div class="coll-right-bot">
                            <div class="coll-browse">
                                <img src="../../../images/eye.jpg" />
                                <span>1110</span>
                            </div>
                            <div class="coll-media">媒体</div>
                            <div class="coll-time">2018.04.13</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    
    
    <div class="bottom-msg">
        <div class="bottom-msg-hr"></div>
        <span class="msg-text">我是有底线的</span>
    </div>
    
    
    <script type="text/javascript"> 
        $(function() {
        FastClick.attach(document.body);
        $(".collTitle li").bind("click",function(){
            $(this).addClass("active").siblings().removeClass('active');
            var _index =$(this).index();
            console.log(_index);
            //下面接口请求数据
            //console.log($(this).siblings())
        });
      });
    </script> 

</body>
</html>